<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

	</head>

	<body>
		<div class="page-content-wrap">
				<div class="layui-form" id="table-list">
					<table class="layui-table" lay-even lay-skin="nob">
						<thead>
							<tr class="title">
								<th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
								<th >打卡地点</th>
								<th >打卡时间</th>
								<th >打卡状态</th>
							</tr>
						</thead>
						<tbody>
							<%--<tr>
								<td><input type="checkbox" name="" lay-skin="primary" ></td>
								<td class="clockaddress"></td>
								<td class="clockTime"></td>
								<td class="clockStatus"></td>

							</tr>--%>
						</tbody>
					</table>
				</div>
		</div>
		<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(document).ready(function(){
				showaccountAjax();
			})

			function showaccountAjax(){

				$.ajax({
					async:true,
					url:"${pageContext.request.contextPath}/Clock/getAllWorkStatusByid",
					type:"POST",
					data:{
					    accountId:1
                    },
					dataType:"json",
					success:function(result,status,xhr){
						$.each(result,function(index,clock){
							$("tbody").append("<tr>\n" +
									"\t\t\t\t\t\t\t\t<td><input type=\"checkbox\" name=\"\" lay-skin=\"primary\" ></td>\n" +
									"\t\t\t\t\t\t\t\t<td class=\"clockaddress\">"+clock.address+"</td>\n" +
									"\t\t\t\t\t\t\t\t<td class=\"clockTime\">"+clock.workTime+"</td>\n" +
									"\t\t\t\t\t\t\t\t<td class=\"clockStatus\">"+clock.clockName.statusName+"</td>\n" +
									"\n" +
									"\t\t\t\t\t\t\t</tr>");
						})
					},
					error:function(xhr,status,error){
						alert("异步请求失败!");
					}
				});

			}


		</script>
	</body>

</html>